
html {
	font-size: 100%;
}

body {
  width: 1280px;
  height: 720px;  
  background:url(bg.jpg) no-repeat;
  font: message-box;
  font-size: 1em; /*完美的设置是使用1em作为body的字体大小*/
}

h1 {
  margin: 0 0 0.6em 0;
  font-size: 160%;
  color: #fff;
}

ul, ol {
  margin: 0;
  margin-left: 1.5em;
  padding: 0;
}

ul > li, ol > li {
  margin-bottom: .5em;
  color: #fff;
}

ul {
  list-style: square;
}

#warningicon {
    width: 106px;
    height: 106px;
    left: 50%;
    height: 50%;
    margin: .5em auto;
	z-index:2;
}

#errorPageContainer {
  /*
  filter:alpha(Opacity=80);
  -moz-opacity:0.5; 
  opacity: 0.5;
  background-color:#4C8BC9;
  */
  position:relative;
  /*border: 2px solid #fff;*/
  min-width: 15em;
  max-width: 40em;
  min-height: 25em;
  max-height: 25em;
  margin: 9em auto;

  /*
  -moz-border-radius: 10px;  
  -moz-background-origin: content;
  */
  z-index:1;
}
.bg {
  filter:alpha(Opacity=80);
  -moz-opacity:0.5; 
  opacity: 0.5;
  background-color:#4C8BC9;
  position:relative;
  border: 2px solid #eee;
  border-radius: 15px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;  
  min-width: 15em;
  max-width: 40em;
  min-height: 25em;
  max-height: 25em;
  margin: 0em auto;
    -moz-background-origin: content;
  z-index:2;
}
.con {
	font-weight:bold;
	position:relative;
	z-index:3;
    margin: -25em auto;
}
/*
#errorPageContainer {
    filter:alpha(Opacity=80);
    -moz-opacity:0.5;
    opacity: 0.5;
    background-color:#244B70;
    position:absolute;
    border: 2px solid #fff;
    width: 676px;
    height: 414px;
    left: 50%;
    top: 50%;
    margin: -240px 0px 0px -338px;
    -moz-border-radius: 10px;
    bgcolor: transparent;
    -moz-background-origin: content;
}
*/

#errorPageContainer.certerror {
  background-image: url("sslWarning.png");
}

body[dir="rtl"] #errorPageContainer {
  background-position: right 0;
}

#errorTitle {
  position: absolute;
  /*
  border: 1px solid #0f0;
  */
  width: 600px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin: -80px 0px 0px -300px;
  z-index:3;
}

#errorLongContent {
  position: absolute;
  /*
  border: 1px solid #ff0;
  */
  width: 600px;
  height: 240px;
  left: 50%;
  top: 50%;
  margin: -40px 0px 0px -300px;
}

#errorShortDesc > p {
  overflow: auto;
  font-size: 130%;
  color: #fff;
  /*white-space: pre-wrap;*/
}

#errorLongDesc {
  position: absolute;
  /*
  border: 1px solid #0ff;
  */
  width: 580px;
  height: 160px;
  left: 50%;
  top: 50%;
  margin: -60px 0px 0px -290px;
  font-size: 130%;
}

#errorLongDesc > p {
}

#errorTryAgain {
  margin-top: 2em;
  margin-left: 80px;
}

#brand {
  position: absolute;
  right: 0;
  bottom: -1.5em;
  -moz-margin-end: 10px;
  opacity: .4;
}

body[dir="rtl"] #brand {
  right: auto;
  left: 0;
}

#brand > p {
  margin: 0;
}

#errorContainer {
  display: none;
}

#securityOverrideDiv {
  padding-top: 10px;
}

#securityOverrideContent {
  background-color: InfoBackground;
  color: InfoText;
  padding: 10px;
  -moz-border-radius: 10px;
}

/* Custom styling for 'blacklist' error class */
:root.blacklist #errorTitle, :root.blacklist #errorLongContent,
:root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc,
:root.blacklist a {
  background-color: #722; /* Dark red */
  color: white;
}

:root.blacklist #errorPageContainer {
  background-image: url("blacklist_large.png");
  background-color: #722;
}

:root.blacklist {
  background: #333;
}

:root.blacklist #errorTryAgain {
  display: none;
}
